<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="./css/glbootstrap.min.css" rel="stylesheet" media="screen">
	<link href="./css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="./css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <script type="text/javascript">
    	function onbtnclick(obj){
			//document.getElementById("alphaid").value=this.id;
			document.getElementById("goodForm").action="../LoadGoodList?alphaid="+obj.id;
			document.getElementById("goodForm").submit();
			return true;
		}
    </script>
</head>

<body>
<div class="container">
    <form id="goodForm" action="../LoadGoodList" method="post" class="form-horizontal"  role="form">
        	<p>
        		ALPHAS: 
        	<c:forEach  items="${alphaLst}" var="BtnAlpha" varStatus="status">
        		<button class="${BtnAlpha.alphaClass}" id="${BtnAlpha.alphaId}" onClick="onbtnclick(this)">${BtnAlpha.alphaId}</button>
        	</c:forEach>
        	</p>
        <fieldset>
            <legend>GoodLists</legend>
            <c:forEach items="${brokerList}" var="Broker" varStatus="status">
			<div class="panel panel-success">
			  <!-- Default panel contents -->
			  <div class="panel-heading">${Broker.brokerName}</div>
			  <div class="panel-body">				 
					<table class="table">
						<tr>
						<c:forEach items="${Broker.brokerGoodLst}" var="DataSet" varStatus="status">
							<c:if test="${status.index != 0 && status.index%row == 0 }">
								</tr>
								<tr>
							</c:if>
								<c:if test="${DataSet.goodName != null}">
									<td style=" text-align:center">
										<div>
											<a href="${DataSet.id}"><img src="" align="absmiddle"></a>
											<div>
												<a href="${DataSet.goodTargetUrl}">${DataSet.goodName}</a>
											</div>
										</div>
									</td>
							</c:if>
						</c:forEach>
						</tr>
					  </table>
			  </div>
			</div>
			</c:forEach>
        </fieldset>
    </form>
</div>

<script type="text/javascript" src="./js/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript">
	$('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0
    });
</script>

</body>
</html>
